آموزش bootstrap- bootstrap چیست؟


عضو شوید


نام کاربری
رمز عبور

:: فراموشی رمز عبور؟

عضویت سریع

نام کاربری
رمز عبور
تکرار رمز
ایمیل
کد تصویری
براي اطلاع از آپيدت شدن وبلاگ در خبرنامه وبلاگ عضو شويد تا جديدترين مطالب به ايميل شما ارسال شود



به وبلاگ من خوش آمدید

تبادل لینک هوشمند

برای تبادل لینک ابتدا ما را با عنوان افرا گرافیک و آدرس afragraphic.LXB.ir لینک نمایید سپس مشخصات لینک خود را در زیر نوشته . در صورت وجود لینک ما در سایت شما لینکتان به طور خودکار در سایت ما قرار میگیرد.







نام :
وب :
پیام :
2+2=:
(Refresh)

آمار مطالب

:: کل مطالب : 37
:: کل نظرات : 0

آمار کاربران

:: افراد آنلاین : 1
:: تعداد اعضا : 0

کاربران آنلاین


آمار بازدید

:: بازدید امروز : 14
:: باردید دیروز : 2
:: بازدید هفته : 16
:: بازدید ماه : 26
:: بازدید سال : 141
:: بازدید کلی : 21685

RSS

Powered By
loxblog.Com

گروه مشاوران طراحی افرا در زمینه انواع امور طراحی ، چاپ، طراحی سایت و مالتی مدیا فعالیت می کند. 66120694 و 66120698 و 09122246022

آموزش bootstrap- bootstrap چیست؟
یک شنبه 29 شهريور 1394 ساعت 16:51 | بازدید : 204 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش bootstrap- bootstrap چیست؟

آموزش bootstrap 

 قسمت اول

Bootstrap چیست؟

بوت استرپ یکی از فریم ورک های طراحی صفحات وب هست . فریم ورک های طراحی وب شامل یکسری کد و استایل آماده است که طراح از آن برای ساخت قالب صفحه وب استفاده میکند.

استفاده از فریم ورک ها چه مزیت هایی دارد ؟

  1. بدیلی اینکه یکسری کمد از قبل آماده اند و طراح فقط از این کد ها استفاده میکند و نیازی به نوشتن کد نیست سرعت طراحی را بالا میبرد.
  2. اکثر فریم ورک ها از قبیل بوت استرپ در مرورگر های شناخته شده و استاندارد با یک ظاهر و بدون هیچ بهم ریختگی اجرا میشوند.
  3. اکثر فریم ورک ها از قبیل بوت استرپ قابلیت رسپانسیو کردن را در اختیار طراح میگذارند.
  4. وجود کد های زیبا و استاندارد باعث زیبایی استایل تم خواهد شد.

طریقه اضافه کردن framework بوت استرپ به برنامه Microsoft visual studio 2012

  1. ابتدا در صفحه اول برنامه یک وب سایت خالی ایجاد میکنیم

6357654790917097381.jpg

2. بر روی نام وب سایت  کلیک راست کرده و گزینه  Manage NuGet Package را انتخاب کنید

 

6357654851587167512.jpg

3. با نصب کرن Bootstrap css تمامی فایل های فریم ورک  بوت استرپ به برنامه شما اضافه می شود

 

6357654858424658603.jpg

4. در تگ head  صفحه وب خود چهار گزینه زیر را از پوشه Content  و Script اضافه کنید

 

6357654864791922784.jpg

خوب به این ترتیب صفحه وب شما آماده استفاده از کدها و کلاس های Bootstrap  می باشد

 

در قسمت های بعدی آموزش  شروع به نوشتن سایتمان با استفاده از کلاس های موجود در بوت استرپ خواهیم کرد

ودر هر قسمت کلاس های کاربردی بوت استرپ را برای شما عزیزان معرفی میکنیم.

 

برای مشاهده سایر مطالب آموزشی ازwww.afragraphic.ir دیدن کنید.

تماس با ما: 66120694و66912056 و09122246022

.Bootstrapبوت استرپ. بوت استرپ چیست. آموزش بوت اسپرت. کلاس های موجود در بوت استرپ





:: برچسب‌ها: بوت استرپ , بوت استرپ چیست , آموزش بوت اسپرت , کلاس های موجود در بوت استرپ , Bootstrap ,
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
مطالب مرتبط با این پست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: